<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery-1.8.3.min.js"></script>
    <script src="Calendar.js"></script>
    <script src="fun.js"></script>
    <link rel="stylesheet" href="Calendar.css">
</head>
<body>
<div class="calendar" style='position:relative; width:100%; height: 100%;'>
    <div style='width:100%;height:100%' class="outer clearfix" id="calendarcontainer" cellspacing="10" ></div>
</div>

<script>
var currentMonth = new Date().getMonth() + 1;
var para={'c':'calendarcontainer',
        'y':2015,
        'm':currentMonth,
        'a':{
       'd1':'2014-01-01',//最早时间
       'd2':'2018-05-05'//最晚时间
    },
    'f':0,//显示双日历用1，单日历用0
    'clickfu':function (to) {//回调函数，to为点击对象，点击日期是调用的函数,参数to为点击的日期的节点对象，可以把用户选定的日期通过此函数存入服务端或cookies，具体请自行编写
            alert(to.id)
            
    },
    'showFu':function(d){  //回调函数，d为要显示的当前日期，主要用于判断是否要在该日期的格子里显示出指定的内容，在日期格子里额外显示内容的函数,返回值必须为字符串，参数d为显示的日期对象（日期类型）
        m = d.getMonth()+1;
        var date = d.getFullYear() + "-" + m + '-' + d.getDate()
        //return date
        return ''
        
       }     
}
     
CreateCalendar(para,"para"); //参数前一个是对象，后一个是对象名称
</script>   
</body>
</html>